/*
  WET-BOEW
  @title: Bootstrap overrides for WET-BOEW - Components - Alert
 */

/*
 *	Override the design of alerts and labels
 */

.alert {
	@extend %label-alert-common;

	> {
		:first-child {
			margin-left: 1.2em;
			margin-top: auto;

			&:before {
				display: inline-block;
				font-family: "Glyphicons Halflings";
				margin-left: -1.3em;
				position: absolute;
			}
		}

		strong,
		em,
		span {
			&:first-child {
				display: inline-block;
			}
		}
	}
}

.alert-success {
	@extend %label-alert-success-bg-border-left;
	@extend %label-alert-color-000;

	> {
		:first-child {
			&:before {
				color: $label-alert-success-border-icon-color;
				content: "\e084";
			}
		}
	}
}

.alert-info {
	@extend %label-alert-info-bg-border-left;
	@extend %label-alert-color-000;

	> {
		:first-child {
			&:before {
				color: $label-alert-info-border-icon-color;
				content: "\e086";
			}
		}
	}
}

.alert-warning {
	@extend %label-alert-warning-bg-border-left;
	@extend %label-alert-color-000;

	> {
		:first-child {
			&:before {
				color: $label-alert-warning-border-icon-color;
				content: "\e107";
			}
		}
	}
}

.alert-danger {
	@extend %label-alert-danger-bg-border-left;
	@extend %label-alert-color-000;

	> {
		:first-child {
			&:before {
				color: $label-alert-danger-border-icon-color;
				content: "\e101";
			}
		}
	}
}

/*
 *  Right-to-left support
 */
[dir="rtl"] {
	.alert {
		> {
			:first-child {
				margin-left: auto;
				margin-right: 1.2em;

				&:before {
					margin-left: auto;
					margin-right: -1.3em;
				}
			}
		}
	}

	details {
		&.alert {
			padding-right: 45px;

			&:before {
				margin-right: -1.3em;
			}

			> {
				* {
					margin-right: .7em;
				}

				:first-child {
					margin-right: .4em;
				}
			}
		}
	}
}
